<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="../../cms/page/share/taglib.jsp" %>
<html>
<head>
<% String path = request.getContextPath(); 
   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
   String menuName = request.getParameter("menuName") == null ? "" : (String)request.getParameter("menuName");
 %>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="租房,买房,三棵松,地产,中介" />
<meta name="description" content="三棵松地产" />
<title>三棵松地产</title>
<link type="text/css" href="<%=basePath %>map/css/infoWindow.css" rev="stylesheet" rel="stylesheet">
<link type="text/css" href="<%=basePath %>map/css/map.css" rev="stylesheet" rel="stylesheet">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script> 
<script type="text/javascript" src="<%=basePath %>map/js/infoWindow.js"></script>
<script type="text/javascript" src="<%=basePath %>map/js/map.js"></script>
<script type="text/javascript" src="<%=basePath %>map/js/mapUtils.js"></script>
<!-- 
<script type="text/javascript" src="<%=basePath %>sks/js/frontpages/select2css.js"></script>
 -->
</head>

<script type="text/javascript">
	function searchNearby(keyWords,round){
		var defaultRound = 500 ;
		if(keyWords && keyWords.length > 0){
			if(round && round > 0){
				defaultRound = round ;
			}
			initMap(map.getCenter(),map.getZoom());
			localSearch(keyWords,defaultRound);
		}
	};
	/*
	function changeSearchTypeByRadio(type) {
		var searchType = document.getElementById("searchType");
		if (searchType) {
			searchType.value = type;
			changeSearchType();
		}
	}
	*/
</script>
<!-- 
<body onload="javascript:changeMenu('<%=menuName%>');selectOnload();"  style="height: 100%">
 -->
 <body onload="javascript:changeMenu('<%=menuName%>');"  style="height: 100%">
	<jsp:include page="../header.jsp"></jsp:include>
	
	<div> 
		<html:form  action="/sks/map"  method="post">
			<html:hidden property="zoom"/>
		    <html:hidden styleId="sw" property="sw"/>
		    <html:hidden styleId="ne" property="ne"/>
	        <html:hidden property="method" value="query"/>
        </html:form>
        
        <html:form	styleId="houseForm" action="sks/house" method="post">
        	<html:hidden property="buildingId" /> 
	        <html:hidden property="method" value="queryHouseList"/>
	        <html:hidden property="totalPages" />
	        <html:hidden property="page" value="1"/>
        </html:form>
	</div>
	<!--

	<div style="float: left; width: 230px; margin-left: 20px">
		<div class="col">
			<br>
	    	<div id="uboxstyle" style="margin-bottom: 5px;">
	    		<input type="hidden" id="searchType" value="houseListRent"/>
	    		<input type="radio" id="houseListRent" name="searchType" value="houseListRent" title="租房" checked="checked" onchange="changeSearchTypeByRadio(this.value);"/><label style="display: inline;" for="houseListRent">租房</label>    		
	    		<input type="radio" id="houseListBuy" name="searchType" value="houseListBuy" title="买房" onchange="changeSearchTypeByRadio(this.value);"/><label style="display: inline;" for="houseListBuy">买房</label>
			</div>
			<div>
			<input class="keySearch" name="title" type="text" style="width: 170px; height: 29px;"/>
			<input class="button" type="button" onclick="submitHouseForm();" value="搜房" />
			</div>
           </div>
       
		<div class="col noRight">
			<label>区域：</label>
			<div style="margin-left: 30px;">
			<c:forEach var="area" items="${tops}">
			<span id="ta_${area.areaId}Span" style="display:-moz-inline-box; display:inline-block;width: 80px;">
			<a id="ta_${area.areaId}_label" href="javascript:;" onclick="setArea(null, ${area.areaId});" style="cursor:hand;" title="${area.name}" hidefocus="true">${area.name}</a>
			</span>
			</c:forEach>
			</div>					
		</div>
		<div class="col">
				<label>房价：</label>
				<div style="margin-left: 30px;">
				<span id="rentingPrice">
				<a href="javascript:setPrice(0, 500);" title="500" hidefocus="true">500以下</a><br>
				<a href="javascript:setPrice(500, 1000);" title="500-1000" hidefocus="true">500-1000</a><br>
				<a href="javascript:setPrice(1000, 2000);" title="1000-2000" hidefocus="true">1000-2000</a><br>
				<a href="javascript:setPrice(2000, 3000);" title="2000-3000" hidefocus="true">2000-3000</a><br>
				<a href="javascript:setPrice(3000, 4000);" title="3000-4000" hidefocus="true">3000-4000</a><br>
				<a href="javascript:setPrice(4000, 5000);" title="4000-5000" hidefocus="true">4000-5000</a><br>
				</div>
				</span>
				<span id="buyPrice" style="display: none;">
				<div style="margin-left: 30px;">
				<a href="javascript:setPrice(0, 500);" title="2000" hidefocus="true">2000以下</a><br>
				<a href="javascript:setPrice(0, 500);" title="2000-3000" hidefocus="true">2000-3000</a><br>
				<a href="javascript:setPrice(0, 500);" title="3000-5000" hidefocus="true">3000-5000</a><br>
				<a href="javascript:setPrice(0, 500);" title="5000-8000" hidefocus="true">5000-8000</a><br>
				<a href="javascript:setPrice(0, 500);" title="8000-10000" hidefocus="true">8000-10000</a><br>
				<a href="javascript:setPrice(0, 500);" title="10000-15000" hidefocus="true">10000-15000</a><br>
				</div>
				</span>
				<div style="margin-left: 30px;">
				<a href="javascript:submitHouseForm();" title="更多" hidefocus="true">更多</a>
				</div>
				<br/>
			</div>
		<div class="col">
			<label>户型：</label>
			<div style="margin-left: 30px;">
			<c:forEach var="ht" items="${hts}">
			<span style="display:-moz-inline-box; display:inline-block;width: 80px;">
			<a href="javascript:setHouseType(${ht.houseTypeId});" title="${ht.name}" hidefocus="true">${ht.name}</a>
			</span>
			</c:forEach>
			</div>
		</div>
		<div class="col">
			<label>类型：</label>
			<div style="margin-left: 30px;">
			<c:forEach var="pt" items="${ppts}">
			<span style="display:-moz-inline-box; display:inline-block;width: 80px;">
            <a href="javascript:setPropertyType('${pt.propertyTypeId}');" title="${pt.name}"
            <c:if test="${pt.propertyTypeId eq houseForm.propertyTypeId}">style="font-weight:bold"</c:if> hidefocus="true">${pt.name}</a>
            </span>
            </c:forEach>
            </div>
		</div>
	</div>
	-->
	<div class="mapContainer"  id="container" align="center"style="width:auto; height:100%;border:#ccc solid 1px;"  >  
		
	</div>	
</body>
<script type="text/javascript">

    var datas = ${resultSet};
	initMap(null,null,datas);
</script>
 
</html>
